<script setup lang="ts">
import { defineProps,ref } from 'vue'
import {onLoad} from '@dcloudio/uni-app'
const props = defineProps({
  infoArray: {
    type: Array
  }
})
const is_show = ref(false)

onLoad(()=>{

  props.infoArray.forEach(el=>{
    
    if(el.value && el.value != ''){
      is_show.value = true
    }
  })
})

</script>

<template>
  <view class="info" v-if="is_show">
    <view v-for="item in infoArray">
      <view v-if="item.value"  class="row" >
        <view class="k">{{ item.label }}</view>
        <view class="v">{{ item.value }}</view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss">
.info {
  padding: 25rpx 0;
  //border-bottom: 1rpx solid black;
  .row {
    font-size: 26rpx;
    display: flex;
    .k {
      font-size: 26rpx;
      margin-right: 16rpx;
    }
  }
}
</style>
